<%@ page contentType="text/html; charset=UTF-8"%>

<!DOCTYPE html>
<!--[if IE 9 ]><html class="ie9"><![endif]-->
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
        <meta name="format-detection" content="telephone=no">
        <meta charset="UTF-8">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <title></title>        
        <!-- CSS -->
        <link href="/ynrfinance/static/css/bootstrap.min.css" rel="stylesheet">
        <link href="/ynrfinance/static/css/animate.min.css" rel="stylesheet">
        <link href="/ynrfinance/static/css/font-awesome.min.css" rel="stylesheet">
        <link href="/ynrfinance/static/css/form.css" rel="stylesheet">
        <link href="/ynrfinance/static/css/calendar.css" rel="stylesheet">
        <link href="/ynrfinance/static/css/style.css" rel="stylesheet">
        <link href="/ynrfinance/static/css/icons.css" rel="stylesheet">
        <link href="/ynrfinance/static/css/generics.css" rel="stylesheet">
        <link href="/ynrfinance/static/css/lightbox.css" rel="stylesheet">
        <style>
        .control_panel_active span{
		    color: #FFD600;
		}
		
		.control_panel_active small{
		    color: #FFD600;
		}
		.control_panel_active{
			background: rgba(0,0,0,0.6);
		}
        </style>
    </head>
    <body id="skin-cloth">
        <header id="header" class="media">
            <a href="" id="menu-toggle"></a> 
            <a class="logo pull-left" href="/ynrfinance/home">尤耐锐数据科技</a>
            <div class="media-body">
                <div class="media" id="top-menu">
                    <div id="time" class="pull-right">
                        <span id="hours"></span>
                        :
                        <span id="min"></span>
                        :
                        <span id="sec"></span>
                    </div>
                </div>
            </div>
        </header>
        
        <div class="clearfix"></div>
        
        <section id="main" class="p-relative" role="main">
            <!-- Sidebar -->
            <aside id="sidebar">
                <!-- Sidbar Widgets -->
                <div class="side-widgets overflow">
                    <!-- Profile Menu -->
                    <div class="text-center s-widget m-b-25 dropdown" id="profile-menu">
                        <a href="" data-toggle="dropdown">
                            <img class="profile-pic animated" src="/ynrfinance/static/img/but.png" alt="">
                        </a>
                        <ul class="dropdown-menu profile-menu">
                            <li><a href="javascript:void(0);" class='logout_btn'>退出登录</a></li>
                        </ul>
                        <h4 class="m-0">系统管理员</h4>
                    </div>
                    
                    <!-- Calendar -->
                    <div class="s-widget m-b-25">
                        <div id="sidebar-calendar"></div>
                    </div>
                </div>
                
                <!-- Side Menu -->
                <ul class="list-unstyled side-menu">
                    <li>
                        <a class="sa-side-home" href="/ynrfinance/home">
                            <span class="menu-item">主页</span>
                        </a>
                    </li>
                    <li class="dropdown active">
                        <a class="sa-side-form" href="">
                            <span class="menu-item">发票</span>
                        </a>
                        <ul class="list-unstyled menu-item">
                            <li><a class="active" href="/ynrfinance/pendingInvoice">待处理发票</a></li>
                            <li><a href="/ynrfinance/invoiceUpload">发票上传</a></li>
                            <li><a href="/ynrfinance/invoiceEnter">手工录入</a></li>
                        </ul>
                    </li>
                </ul>

            </aside>
        
            <!-- Content -->
            <section id="content" class="container">                
                <!-- Breadcrumb -->
                <ol class="breadcrumb hidden-xs">
                    <li><a href="#">主页</a></li>
                </ol>
                
                <h4 class="page-title">控制面板</h4>
                                
                <!-- Shortcuts -->
                <div class="block-area shortcut-area">
                    <a class="shortcut tile control_panel_active" href="/ynrfinance/pendingInvoice">
                        <span class="icon">&#61698;</span>
                        <small class="t-overflow">待处理发票</small>
                    </a>
                    <a class="shortcut tile" href="/ynrfinance/invoiceUpload">
                        <span class="icon">&#61787;</span>
                        <small class="t-overflow">发票上传</small>
                    </a>
                    <a class="shortcut tile" href="/ynrfinance/salesUpload">
                        <span class="icon">&#61787;</span>
                        <small class="t-overflow">销售清单上传</small>
                    </a>
                    <a class="shortcut tile" href="/ynrfinance/invoiceEnter">
                        <span class="icon">&#61706;</span>
                        <small class="t-overflow">手工录入</small>
                    </a>
                    <a class="shortcut tile" href="/ynrfinance/claimingExpenses">
                        <span class="icon">&#61840;</span>
                        <small class="t-overflow">报销费用</small>
                    </a>
                    <a class="shortcut tile" href="/ynrfinance/bankUpload">
                        <span class="icon">&#61814;</span>
                        <small class="t-overflow">银行对账单上传</small>
                    </a>
                    <a class="shortcut tile" href="/ynrfinance/salaryUpload">
                        <span class="icon">&#61700;</span>
                        <small class="t-overflow">工资表上传</small>
                    </a>
                    <a class="shortcut tile" href="/ynrfinance/auditVoucher">
                        <span class="icon">&#61900;</span>
                        <small class="t-overflow">审核凭证</small>
                    </a>
                    <a class="shortcut tile" href="/ynrfinance/voucher">
                        <span class="icon">&#61788;</span>
                        <small class="t-overflow">查看凭证</small>
                    </a>
                    <a class="shortcut tile" href="/ynrfinance/trial">
                        <span class="icon">&#61932;</span>
                        <small class="t-overflow">科目余额表</small>
                    </a>
                    <a class="shortcut tile" href="/ynrfinance/sheet">
                        <span class="icon">&#61769;</span>
                        <small class="t-overflow">基础报表</small>
                    </a>
                </div>
                
                <hr class="whiter" />
                
                <div class="message-list list-container">
                	<header class="listview-header media">                        
                        <ul class="list-inline list-mass-actions pull-left">
                            <li>
                                <a href="/ynrfinance/pendingInvoice" title="刷新数据" class="tooltips">
                                    <i class="sa-list-refresh"></i>
                                </a>
                            </li>
                            <li class="show-on" style="display: none;">
                                <a title="删除数据" class="tooltips">
                                    <i class="sa-list-delete"></i>
                                </a>
                            </li>
                        </ul>

                        <input class="input-sm col-md-4 pull-right message-search" type="text" placeholder="输入关键字...">
                        
                        <div class="clearfix"></div>
                    </header>
                    
	                <div class="block-area" id="tableHover" style="min-height:100px;">
	                	<div id="tips">正在加载数据......</div>
	                    <div id="invoice_data" class="table-responsive overflow" style="display:none;">
	                        <table class="table table-bordered table-hover tile">
	                            <thead>
	                                <tr>
	                                    <th><input type="checkbox" class="pull-left list-parent-check" value=""></th>
	                                    <th>发票代码</th>
	                                    <th>发票号码</th>
	                                    <th>开票日期</th>
	                                    <th>校验码</th>
	                                    <th>不含税金额</th>
	                                    <th>发票状态</th>
	                                    <th>发票图片</th>
	                                    <th>操作</th>
	                                    <th>所属公司</th>
	                                    <th>创建时间</th>
	                                </tr>
	                            </thead>
	                            <tbody id="invoice_list">
	                            </tbody>
	                        </table>
	                    </div>
	                </div>
                </div>
                
            </section>
        </section>
        <div class="modal fade" id="modalNarrower" tabindex="-1" role="dialog" aria-hidden="true">
			<div class="modal-dialog modal-sm">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    	<h4 class="modal-title">发票基本信息</h4>
                    </div>
                    <div class="modal-body">
                    	<form class="form-horizontal" role="form">
                    		<div id="error_tips"></div>
                    		<input type="text" id="invoice_id" style="display:none">
	                        <div class="form-group">
	                            <label for="输入发票代码" class="col-md-5 control-label">发票代码</label>
	                            <div class="col-md-7">
	                                <input type="text" class="form-control input-sm" id="fpdm_" placeholder="">
	                            </div>
	                        </div>
	                        <div class="form-group">
	                            <label for="输入发票号码" class="col-md-5 control-label">发票号码</label>
	                            <div class="col-md-7">
	                                <input type="text" class="form-control input-sm" id="fphm_" placeholder="">
	                            </div>
	                        </div>
	                        <div class="form-group">
	                            <label for="输入开票日期" class="col-md-5 control-label">开票日期</label>
	                            <div class="col-md-7">
	                                <input type="text" class="form-control input-sm" id="kprq_" placeholder="">
	                            </div>
	                        </div>
	                        <div class="form-group">
	                            <label for="输入校验码" class="col-md-5 control-label">校验码</label>
	                            <div class="col-md-7">
	                                <input type="text" class="form-control input-sm" id="check_code_" placeholder="">
	                            </div>
	                        </div>
	                        <div class="form-group">
	                            <label for="输入不含税金额" class="col-md-5 control-label">不含税金额</label>
	                            <div class="col-md-7">
	                                <input type="text" class="form-control input-sm" id="noTaxAmount_" placeholder="">
	                            </div>
	                        </div>
	                    </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-sm" onclick="submit()">提交更改</button>
						<button type="button" class="btn btn-sm" data-dismiss="modal">关闭</button>
					</div>
				</div>
			</div>
        </div>
        <!-- Javascript Libraries -->
        <!-- jQuery -->
        <script src="/ynrfinance/static/js/jquery.min.js"></script> <!-- jQuery Library -->
        <script src="/ynrfinance/static/js/jquery-ui.min.js"></script> <!-- jQuery UI -->
        <script src="/ynrfinance/static/js/jquery.easing.1.3.js"></script> <!-- jQuery Easing - Requirred for Lightbox + Pie Charts-->
        <!-- Bootstrap -->
        <script src="/ynrfinance/static/js/bootstrap.js"></script>
        <!--  Form Related -->
        <script src="/ynrfinance/static/js/icheck.js"></script> <!-- Custom Checkbox + Radio -->
        <!-- UX -->
        <script src="/ynrfinance/static/js/scroll.min.js"></script> <!-- Custom Scrollbar -->
        <!-- Other -->
        <script src="/ynrfinance/static/js/calendar.min.js"></script><!-- Calendar -->
        <script src="/ynrfinance/static/js/pirobox.min.js"></script> <!-- Lightbox -->
        <!-- All JS functions -->
        <script src="/ynrfinance/static/js/functions.js"></script>
        <script src="/ynrfinance/static/js/common.js"></script>
        <script src="/ynrfinance/static/js/invoice_input/pending_invoice.js"></script>
    </body>
</html>
